var img = 'https://crm-album.oss-cn-shenzhen.aliyuncs.com/prod/2025/3/31/875319b978b21899778e.jpg'
export default {
  //数据提示框
  tooltip: {
    trigger: 'item',

  },
  geo: [
    //地图阴影
    {
      type: 'map',
      map: 'china',
      zoom: 2.8,
      aspectScale: 0.85, // 比例

      zlevel: 3, // 设置地图的层级，将该地图上移（类似z-index）
      animationDurationUpdate: 0,//实现缩放、拖动同步且不卡顿
      roam: true, // 禁止拖拽
      scaleLimit: { //滚轮缩放的极限控制
        min: 2.8,
      },
      layoutCenter: ["50%", "50%"],
      layoutSize: "143%",
      silent: true,
      emphasis: {
        // 鼠标hover是否显示内容，可自己调节
        label: {
          show: false,
          color: '#fff',
        },
        itemStyle: {
          show: true,
          color: '#fff', // 高亮文字颜色
          borderColor: '#f43c24', // 高亮边框颜色
          areaColor: '#f47c84', //高亮区域颜色
        },
      },
      label: {
        // 地图标注
        show: false, // 是否显示对应地名
        //由于鼠标放在地图上时，省份字体颜色会有一个从默认色到红色的颜色跳动，所以即使normal时省份字体不显示，也设置为红色，视觉优化颜色跳动问题
        color: '#000',
      },
      /* itemStyle: {
        borderColor: '#00effe', // 省份边框颜色
        borderWidth: 1.5, // 省份边框宽度
        shadowColor: '#fff', // 省份边框阴影rgba(100,255,238,0.5)
        shadowBlur: 5, // 省份边框聚焦
        areaColor: '#184b91',
      }, */
      itemStyle: {
        normal: {
          areaColor: {
            type: 'linear-gradient',
            x: 0,
            y: 350,
            x2: 400,
            y2: 0,
            colorStops: [{
              offset: 0,
              color: 'rgba(18,54,121,0.85)'
            }, {
              offset: 1,

              color: 'rgba(40,123,192,0.85)'

            }],
            global: true // 缺省为 false


          },


          borderColor: '#a0cbee', // 省份边框颜色
          borderWidth: 1.5, // 省份边框宽度
          shadowColor: 'rgba(18,18,18,0.4)', // 省份边框阴影rgba(100,255,238,0.5)
          shadowBlur: 1, // 省份边框聚焦
        },

      },
      center: [113.280637, 23], // 设置地图中心

      data: [],
    },
    {
      // 边框设置
      map: 'china', // 表示中国地图

      label: {
        // 标志信息
        show: false, // 是否显示对应地名
      },
      zlevel: 2,
      roam: true, // 禁止拖拽
      scaleLimit: { //滚轮缩放的极限控制
        min: 2.8,
      },
      animationDurationUpdate: 0,//实现缩放、拖动同步且不卡顿
      silent: true, // 禁止hover效果
      zoom: 2.8, // 地图比例
      aspectScale: 0.85,
      center: [113.280637, 23], // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整
      layoutSize: "143%",
      layoutCenter: ["50%", "50%"],
      itemStyle: {
        areaColor: {
          image: img, // 背景图
          repeat: 'repeat-x', // 是否平铺，可以是 'repeat-x', 'repeat-y', 'no-repeat'
        },
      },
    },
    {
      map: 'china', // 表示中国地图
      roam: false, // 禁止拖拽
      label: {
        // 标志信息
        show: false, // 是否显示对应地名
      },
      zlevel: 1,
      scaleLimit: { //滚轮缩放的极限控制
        min: 2.8,
      },

      animationDurationUpdate: 0,
      silent: true, // 禁止hover效果
      zoom: 2.8, // 地图比例
      aspectScale: 0.85,
      center: [113.280637, 23], // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整
      layoutSize: "143%",
      layoutCenter: ["50%", "50%"],
      itemStyle: {
        areaColor: 'rgba(1,52,122,0.2)', //地图阴影的颜色

        borderColor: '#fff', // 省份边框颜色
        borderWidth: 3, // 省份边框宽度
        shadowColor: '#c9f3fe', // 省份边框阴影rgba(100,255,238,0.5)
        shadowBlur: 3, // 省份边框聚焦
      },
      /* emphasis: {
        show: false,
      }, */

    },
    {
      map: 'china', // 表示中国地图
      roam: false, // 禁止拖拽
      label: {
        // 标志信息
        show: false, // 是否显示对应地名
      },
      zlevel: 1,
      scaleLimit: { //滚轮缩放的极限控制
        min: 2.8,
      },

      animationDurationUpdate: 0,
      silent: true, // 禁止hover效果
      zoom: 2.8, // 地图比例
      aspectScale: 0.85,
      center: [113.280637, 23], // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整
      layoutSize: "143%",
      layoutCenter: ["50%", "52%"],
      itemStyle: {
        areaColor: 'rgba(1,52,122,0.2)', //地图阴影的颜色
        /* areaColor: {
          image: img, // 背景图
          repeat: 'repeat-x', // 是否平铺，可以是 'repeat-x', 'repeat-y', 'no-repeat'
        }, */
        borderColor: '#fff', // 省份边框颜色
        borderWidth: 0, // 省份边框宽度
        shadowColor: '#c9f3fe', // 省份边框阴影rgba(100,255,238,0.5)
        shadowBlur: 1, // 省份边框聚焦
      },
      /* emphasis: {
        show: false,
      }, */

    },
  ],
  //配置属性
  series: [

    // 线
    {
      type: 'lines',
      coordinateSystem: 'geo',
      z: 1,
      zlevel: 3,
      animation: false,
      effect: {
        show: true,
        trailWidth: 1, // 宽度
        trailOpacity: 0.3, // 透明度
        trailLength: 0.3, // 尾迹线长度
        constantSpeed: 20, // 速度
        period: 8 // 箭头指向速度，值越小速度越快
      },
      lineStyle: {
        width: 1,
        curveness: 0.1,
        color: '#74e48c'
      },

      data: [],
    },
    //点
    {
      type: 'effectScatter',
      coordinateSystem: 'geo',
      zlevel: 3,
      rippleEffect: {
        //涟漪特效
        period: 1, //动画时间，值越小速度越快
        brushType: 'fill', //波纹绘制方式 stroke, fill
        scale: 0, //波纹圆环最大限制，值越大波纹越大

      },
      label: {
        show: false,
        position: 'right', //显示位置
        offset: [0, 0], //偏移设置
        formatter: function (params) {
          //圆环显示文字
          return params.data.name;
        },
        fontSize: 13,
      },
      emphasis: {
        show: true,
      },
      symbol: 'circle',
      symbolSize: function (val) {
        return 6; //圆环大小
      },
      itemStyle: {
        show: false,
        //color: '#f00',
      },
      data: [],
      tooltip: {
        formatter: (params) => {
          if (params.data.cap) {
            return `${params?.data?.station?.name}:${params.data.cap}MWh`;
          } else {
            return params?.data?.station?.name
          }

        },
      },
    },
    //中心点
    {
      type: 'effectScatter',
      coordinateSystem: 'geo',
      zlevel: 3,
      rippleEffect: {
        //涟漪特效
        period: 4, //动画时间，值越小速度越快
        brushType: 'stroke', //波纹绘制方式 stroke, fill
        scale: 4, //波纹圆环最大限制，值越大波纹越大
      },
      label: {
        show: false,
        position: 'right',
        //offset:[5, 0],
        color: '#0f0',
        formatter: '{b}',
        textStyle: {
          color: '#0f0',
        },
      },
      itemStyle: {
        show: false,
        color: '#f00',
      },
      emphasis: {
        show: true,
        color: '#f60',
      },
      symbol: 'circle',
      symbolSize: function (val) {
        return 7.5; //圆环大小
      },
      data: [],
      tooltip: {
        formatter: (params) => {
          return params.name;
        },
      },
    },
  ],
}